div#agendaContainer {
    width: 189px;
    height: 216px;
    background-color: #fefefe;
    border: 1px solid #555;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 10px;
}

div#agendaContainer div.calendarCell {
    width: 25px;
    height: 25px;
    text-align: center;
    border: 1px solid #fefefe;
    float: left;
    cursor: pointer;
    line-height: 25px;
}
div#agendaContainer div.calendarCell.weekend:hover,
div#agendaContainer div.calendarCell:hover {
    border-color: #CCC #999 #999 #CCC;
}
div#agendaContainer div.calendarCell.month{
    width: 133px;
}
div#agendaContainer div.calendarCell.weekend {
    background-color: #eee;
    border: 1px solid #eee;
}
div#agendaContainer div.calendarCell.inactive {
    color: #bbb;
}
div#agendaContainer div.calendarCell.event {
    font-weight: bold;
    color:#009;
}
div#agendaContainer div.calendarCell.today {
    border: 1px solid #666;
}
div#agendaContainer div.calendarCell.caption {
    font-weight: bold;
    cursor: default;
}

div#tooltip {
    width: 185px;
    height: 85px;
    background-image: url(/4happyfeet/http-docs/extension_calendar/images/whitebox.png);
    padding:12px;
    font-family:Verdana, Geneva, sans-serif;
    position: absolute;
    top: 0px;
    left: 0px;
    display:none;
    z-index: 2;
}

div#tooltip div {
    width: 100%;
}

div#tooltip div.tooltipTitle {
    font-weight: bold;
    font-size: 11px;
}

div#tooltip div.tooltipTime,
div#tooltip div.tooltipLocation {
    color: #666;
    font-size: 9px;
}

div#tooltip div.tooltipDescription {
    padding-top: 4px;
    font-size: 11px;
}
